/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/adapter/adapter_demo.css ***!
  \*********************************************************************************************************************/
.item[data-0a079600] {
    width: 106px;
    height: 106px;
}
.item .focus[data-0a079600],
.item .bg[data-0a079600] {
    width: 100px;
    height: 100px;
}

.item .focus[data-0a079600] {
    border: 3px solid red;
}

.item .bg[data-0a079600] {
    left: 3px;
    top: 3px;
    background: white;
}

/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/adapter/content_adapter.css ***!
  \************************************************************************************************************************/
.focus[data-73f1023c] {
    border:white 3px solid;
}

.pic[data-73f1023c] {
    left: 3px;
    top: 3px;
}

.r_300x170 .item[data-73f1023c] {
    width: 306px;
    height: 230px;
}

.r_300x170 .focus[data-73f1023c],
.r_300x170 .pic img[data-73f1023c] {
    width: 300px;
    height: 170px;
    border-radius: 0px;
}

.r_300x170 .txt[data-73f1023c] {
    top: 245px;
    overflow: hidden;
}
.r_300x170 .info[data-73f1023c] {
    top: 265px;
}

.txt[data-73f1023c] {
    width: 176px;
    height: 14px;
    left: 3px;
    font-size: 13px;
    color: white;
    white-space: nowrap;
}

.info[data-73f1023c] {
    width: 176px;
    height: 12px;
    left: 3px;
    line-height: 12px;
    font-size: 12px;
    color: #656566;
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/button.css ***!
  \*******************************************************************************************************/
.title[data-39d23b5f] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.second_title[data-39d23b5f] {
    top: 10px;
    white-space: nowrap;
    color: white;
    font-size: 18px;
}

.focus_large[data-39d23b5f] {
    width: 150px;
}

.view_bg[data-39d23b5f] {
    width: 1280px;
    height: 200px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-39d23b5f] {
    width: 1200px;
    height: 200px;
    left: 40px;
    overflow: hidden;
}

/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/carousel.css ***!
  \*********************************************************************************************************/
.title[data-50681e4d] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.second_title[data-50681e4d] {
    top: 10px;
    white-space: nowrap;
    color: white;
    font-size: 18px;
}

.focus_large[data-50681e4d] {
    width: 250px;
}

.view_bg[data-50681e4d] {
    width: 1280px;
    height: 400px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-50681e4d] {
    width: 1200px;
    height: 400px;
    left: 40px;
    overflow: hidden;
}

.carousel[data-50681e4d] {
    width: 1280px;
    height: 300px;
    overflow: hidden;
}



/*!**********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/countdown.css ***!
  \**********************************************************************************************************/
.title[data-07d536e4] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.second_title[data-07d536e4] {
    top: 10px;
    white-space: nowrap;
    color: white;
    font-size: 18px;
}

.view_bg[data-07d536e4] {
    width: 1280px;
    height: 200px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-07d536e4] {
    width: 1200px;
    height: 200px;
    left: 40px;
    overflow: hidden;
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/dialog.css ***!
  \*******************************************************************************************************/
.dialog[data-3c8a1175] {
    width: 1280px;
    height: 720px;
}

.shadow[data-3c8a1175] {
    width: 1280px;
    height: 720px;
    background: #333333;
    opacity: 0.5;
}

.dialog .bg[data-3c8a1175] {
    width: 400px;
    height: 200px;
    left: 400px;
    top: 260px;
    background: white;
    border-radius: 15px;
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/dialog/confirm_dialog.css ***!
  \**********************************************************************************************************************/

.contain[data-4f70b381] {
    width: 480px;
    height: 270px;
    left: 400px;
    top: 225px;
    background: gray ;
    border-radius: 7px;
}

.title[data-4f70b381] {
    width: 480px;
    height: 50px;
    top: 30px;
    line-height: 50px;
    font-size: 32px;
    text-align: center;
}

.item[data-4f70b381] {
    width: 150px;
    height: 50px;
    border-radius: 7px;
    background: #409eff;
    line-height: 50px;
    text-align: center;
    font-size: 26px;
}

.item[data-4f70b381] {
    background: #409eff
}

.item_focus[data-4f70b381] {
    background: #f87f41;
}
/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/drawer.css ***!
  \*******************************************************************************************************/
.title[data-3d090d1e] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.second_title[data-3d090d1e] {
    top: 10px;
    white-space: nowrap;
    color: white;
    font-size: 18px;
}

.view_bg[data-3d090d1e] {
    width: 1280px;
    height: 200px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-3d090d1e] {
    width: 1200px;
    height: 200px;
    left: 40px;
    overflow: hidden;
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/focus.css ***!
  \******************************************************************************************************/
.title[data-54a7870b] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.second_title[data-54a7870b] {
    top: 10px;
    white-space: nowrap;
    color: white;
    font-size: 18px;
}

.focus_large[data-54a7870b] {
    width: 150px;
}

.view_bg[data-54a7870b] {
    width: 1280px;
    height: 400px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-54a7870b] {
    width: 1200px;
    height: 400px;
    left: 40px;
    overflow: hidden;
}

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/fragment/frame/fragment_0.css ***!
  \**************************************************************************************************************************/

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/fragment/frame/fragment_1.css ***!
  \**************************************************************************************************************************/

/*!**************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/fragment/frame/fragment_2.css ***!
  \**************************************************************************************************************************/

/*!*************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/fragment/multi_water_fall/fragment_0.css ***!
  \*************************************************************************************************************************************/

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/frame.css ***!
  \******************************************************************************************************/
.frame[data-54a8dba0] {
    width: 1280px;
    height: 520px;
    overflow: hidden;
}

/*!******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/group.css ***!
  \******************************************************************************************************/
.title[data-54b728b2] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.view_bg[data-54b728b2] {
    width: 1280px;
    height: 400px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-54b728b2] {
    width: 1280px;
    height: 400px;
    overflow: hidden;
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/home.css ***!
  \*****************************************************************************************************/
.title[data-1b82304c] {
    top: 40px;
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.view_bg[data-1b82304c] {
    width: 270px;
    height: 610px;
    top: 90px;
    background: #404040;
    border-radius: 15px;
}

.base_view[data-1b82304c] {
    width: 250px;
    height: 570px;
    top: 110px;
    overflow: hidden;
}

.button[data-1b82304c] {
    font-size: 18px;
}

.button .focus[data-1b82304c] {
    border: 3px solid red;
    width: 120px;
    height: 60px;
    border-radius: 7px;
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/item.css ***!
  \*****************************************************************************************************/
.item[data-1b82b680] {
    top: 30px;
}

.focus[data-1b82b680] {
    border: 3px solid white;
}

.title[data-1b82b680] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.view_bg[data-1b82b680] {
    width: 1280px;
    height: 400px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-1b82b680] {
    width: 1200px;
    height: 400px;
    left: 40px;
    overflow: hidden;
}

.text_bg[data-1b82b680] {
    width: 120px;
    height: 60px;
    background: #f87f41;
}

.text[data-1b82b680] {
    width: 120px;
    height: 60px;
    font-size: 22px;
    line-height: 60px;
    text-align: center;
}

.focus_text .item_focus .text[data-1b82b680] {
    color: #f87f41;
}

/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/keyboard.css ***!
  \*********************************************************************************************************/
.title[data-6e4230d4] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.second_title[data-6e4230d4] {
    top: 10px;
    white-space: nowrap;
    color: white;
    font-size: 18px;
}

.view_bg[data-6e4230d4] {
    width: 1280px;
    height: 500px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-6e4230d4] {
    width: 1200px;
    height: 500px;
    left: 40px;
    overflow: hidden;
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/list.css ***!
  \*****************************************************************************************************/
.bg img[data-1b83ec0b] {
    width: 1280px;
    height:720px;
}

.title[data-1b83ec0b] {
    left: 48px;
    top: 68px;
    width: 300px;
    height: 32px;
    line-height: 32px;
    font-size: 26px;
    color: white;
}

.content_list[data-1b83ec0b] {
    width: 1248px;
    height: 600px;
    left: 16px;
    top: 120px;
    overflow: hidden;
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/player.css ***!
  \*******************************************************************************************************/
.item[data-512eaf0e],
.item_focus[data-512eaf0e] {
    width: 176px;
    height: 99px;
}

.item[data-512eaf0e] {
    background: green;
    color: white;
    line-height: 99px;
    font-size: 32px;
    text-align: center;
}

.item_focus[data-512eaf0e] {
    background: red;
}

/*!*******************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/poster.css ***!
  \*******************************************************************************************************/
.title[data-5161117a] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.second_title[data-5161117a] {
    top: 10px;
    white-space: nowrap;
    color: white;
    font-size: 18px;
}

.focus_large[data-5161117a] {
    width: 250px;
}

.view_bg[data-5161117a] {
    width: 1280px;
    height: 400px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-5161117a] {
    width: 1200px;
    height: 400px;
    left: 40px;
    overflow: hidden;
}

.poster_info[data-5161117a] {
    width: 300px;
    height: 340px;
}

.info[data-5161117a] {
    height: 20px;
    font-size: 13px;
    line-height: 20px;
    color: white;
    text-align: right;
    z-index: 101;
}

.icon[data-5161117a],
.icon img[data-5161117a] {
    width: 28px;
    height: 16px;
    z-index: 101;
    border-radius: unset;
}

/*!*********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/progress.css ***!
  \*********************************************************************************************************/
.title[data-14907f1a] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.second_title[data-14907f1a] {
    top: 10px;
    white-space: nowrap;
    color: white;
    font-size: 18px;
}

.view_bg[data-14907f1a] {
    width: 1280px;
    height: 200px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-14907f1a] {
    width: 1200px;
    height: 200px;
    left: 40px;
    overflow: hidden;
}

/*!********************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/recycle.css ***!
  \********************************************************************************************************/
.title[data-329de406] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.view_bg[data-329de406] {
    width: 1280px;
    height: 200px;
    background: #404040;
    border-radius: 15px;
}

.recycle_view[data-329de406] {
    width: 1200px;
    height: 120px;
    left: 40px;
    overflow: hidden;
}

.item[data-329de406] {
    width: 106px;
    height: 106px;
}
.item .focus[data-329de406],
.item .bg[data-329de406] {
    width: 100px;
    height: 100px;
}

.item .focus[data-329de406] {
    border: 3px solid red;
}

.item .bg[data-329de406] {
    left: 3px;
    top: 3px;
    background: white;
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/test.css ***!
  \*****************************************************************************************************/
.text[data-1b877fff] {
    width: 200px;
    height: 30px;
    left: 30px;
    top: 30px;
    line-height: 30px;
    font-size: 22px;
    white-space: nowrap;
    background: darkorange;
    color: white;
}

.recycle_view[data-1b877fff] {
    left: 50px;
    top: 250px;
    background: gray;
    font-size: 12px;
    white-space: nowrap;
    overflow: hidden;
}

.recycle_view .item[data-1b877fff],
.recycle_view .focus[data-1b877fff] {
    width: 60px;
    height: 44px;
}

.recycle_view .pic[data-1b877fff],
.recycle_view .pic img[data-1b877fff] {
    width: 40px;
    height: 24px;
}

.recycle_view .pic[data-1b877fff] {
    left: 10px;
    top: 10px;
}

.recycle_view .item[data-1b877fff] {
    background: blue;
}

.recycle_view .item_focus[data-1b877fff] {
    background: #f87f41;
}

.button[data-1b877fff] {
    width: 1280px;
    height: 50px;
}

.button .item[data-1b877fff],
.button .item_focus[data-1b877fff] {
    width: 100px;
    height: 30px;
}

.button .item[data-1b877fff] {
    background: gray;
    color: white;
    line-height: 30px;
    font-size: 22px;
    text-align: center;
}

.button .item_focus[data-1b877fff] {
    background: blue;
}

.poster_0[data-1b877fff] {
    top: 30px;
    left: 450px;
}

/*!*****************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/css/text.css ***!
  \*****************************************************************************************************/
.title[data-1b87809a] {
    white-space: nowrap;
    color: white;
    font-size: 28px;
}

.second_title[data-1b87809a] {
    top: 10px;
    white-space: nowrap;
    color: white;
    font-size: 18px;
}

.view_bg[data-1b87809a] {
    width: 1280px;
    height: 300px;
    background: #404040;
    border-radius: 15px;
}

.group_view[data-1b87809a] {
    width: 1200px;
    height: 300px;
    left: 40px;
    overflow: hidden;
}

.text[data-1b87809a] {
    height: 30px;
    color: #454545;
    font-size: 18px;
    background: white;
    white-space: nowrap;
}

.item .focus[data-1b87809a] {
    background: red;
}


/*!************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src/global_style.css ***!
  \************************************************************************/
.bg img{
    width: 1280px;
    height: 720px;
}
/*!************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./core/frame/view/css/log_adapter.css ***!
  \************************************************************************************************************************/
.bg[data-7e20a05a],
.time[data-7e20a05a],
.info[data-7e20a05a] {
    height: 20px;
    line-height: 20px;
    font-size: 14px;
    color: black;
}

.bg[data-7e20a05a] {
    width: 500px;
}

.time[data-7e20a05a] {
    left: 5px;
    width: 100px;
}

.info[data-7e20a05a] {
    left: 115px;
    width: 385px;
    white-space: nowrap;
    overflow: hidden;
}

/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./core/frame/view/css/toast.css ***!
  \******************************************************************************************************************/
.toast[data-64fe09ad] {
    height: 60px;
    top: 590px;
    max-width: 1000px;
    background: white;
    border-radius: 7px;
    z-index: 100;
    padding: 0 10px;
}

.toast .text[data-64fe09ad] {
    height: 60px;
    font-size: 32px;
    line-height: 60px;
    white-space: nowrap;
    color: #333333;
    text-align: center;
}

/*!**********************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/css/style.css ***!
  \**********************************************************************/
/* S= CSS Reset
----------------------------------------------- */
body, div, table, caption, tbody, tfoot, thead, tr, th, td, ul, li, p, h1 {
    margin: 0px;
    padding: 0px;
    border: 0px;
}

body {
    font-size: 24px;
    font-family: Microsoft YaHei, sans-serif;
    line-height: 100%;
}

ul, ol {
    list-style: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    text-decoration: none;
}

img {
    border: 0;
}

/* E= CSS Reset */

/* S= Global
----------------------------------------------- */
body {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

body {
    color: #ffffff;
    background: transparent;
    position: absolute;
}

.img {
    display: block; /* clear some space 对于html5中背景图比原高度多出3PX的问题*/
}

.item, .link, .txt-wrap, .txt, .btn, .icon, .pic, .pic-shade, .cover, .num {
    position: absolute;
}

img {
    position: absolute;
    border-radius: 7px;
}

div {
    position: absolute;
}

#app,
.page {
    position: absolute;
    /*不要使用%，在或宽高时生效较晚*/
    width: 1280px;
    height: 720px;
    overflow: hidden;
}

/* E= Global */


.bg img {
    position: absolute;
    border-radius: 0px;
}

.item .focus {
    display: none;
}

.item_focus .focus {
    display: block;
}

.item_focus {
    z-index: 99;
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/custom-view/button/button.css ***!
  \**********************************************************************************************************************/
.text[data-18910558] {
    text-align: center;
    width: 118px;
    height: 58px;
    line-height: 100%;
    color: #dcdfe6;
    left: 3px;
    top: 3px;
    z-index: 3;
    white-space: nowrap;
}

.item_focus .bg[data-18910558] {
    display: none;
}

.item_focus .text[data-18910558] {
    color: white;
}



/*!*********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/custom-view/button/focus.css ***!
  \*********************************************************************************************************************/
.focus[data-42709b14] {
    border-radius: 7px;
    z-index: 2;
    background: #de2910;
}

.medium[data-42709b14] {
    width: 160px;
    height: 80px;
}

.small[data-42709b14] {
    width: 120px;
    height: 60px;
}

.mini[data-42709b14] {
    width: 80px;
    height: 40px;
}

/*!******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./core/loader/view-css-loader.js!./src/custom-view/button/bg.css ***!
  \******************************************************************************************************************/
.bg[data-2da9c367] {
    border: 1px solid #de2910;
    width: 118px;
    height: 58px;
    border-radius: 7px;
    left: 1px;
    top: 1px;
    z-index: 1;
}

.medium[data-2da9c367] {
    width: 160px;
    height: 80px;
}

.small[data-2da9c367] {
    width: 120px;
    height: 60px;
}

.mini[data-2da9c367] {
    width: 80px;
    height: 40px;
}

